<template>
  <div @click="enterHelp()">
    <el-tooltip placement="top">
      <div slot="content">
        帮助
      </div>
      <div class="icon-item">
        <a :href="doc_url" target="_blank">
          <i class="el-icon-question" />
        </a>
      </div>
    </el-tooltip>
  </div>
</template>

<script>

export default {
  name: 'Help',
  data() {
    return {
      doc_url: process.env.VUE_APP_DOC_URL,
    }
  },
  mounted() {
  },
  beforeDestroy() {
  },
  methods: {
    enterHelp() {
      console.log('进入帮助页')
    }
  }
}
</script>

<style scoped>
.icon-item {
    text-align: center;
    float: left;
    font-size: 25px;
    color: #24292e;
    cursor: pointer;
  }
</style>
